<?php 
//LIBRERIAS PERSONALIZADAS A INCLUIR EN EL MODULO/////////////INICIO/////////
//base de datos:
include_once('funciones/funciones_base_datos/funcionesBaseDatos.php');
include_once('funciones/funciones_logica_negocios/funciones_validaciones/func_validacion_mensaje.php');
//LIBRERIAS PERSONALIZADAS A INCLUIR EN EL MODULO/////////////FIN/////////

//Conectar a la base de datos:
	ConectarBD();
?>
<!DOCTYPE html>
<html>
  <head>
    <title>
        KajChat
    </title>
       
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/estilo.css" rel="stylesheet">
    <script src="js/vendor/jquery.js" type="text/javascript"></script>
    <script src="js/vendor/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
    <script src="js/funciones.js" type="text/javascript"></script>
    <!-- PLAYER -->
    <!-- JS lightbox -->
    <script src="js/lightbox-2.6.min.js"></script>
    <script src="js/modernizr.custom.js"></script>
    <!-- Estilos Lightbox -->
    <link rel="stylesheet" href="css/lightbox.css" media="screen"/>
    <!--Desarrollado Por: Keyvin Duque, Jonathan Mendez, Alejandro Almarza -->

   <!-- SONIDO -->
    <script type="text/javascript">
    $(function(){  
      $("#txtAreaMsg").focus(); 
      $('<audio id="chatAudio"><source src="otro/notify.ogg" type="audio/ogg"><source src="otro/notify.mp3" type="audio/mpeg"><source src="otro/notify.wav" type="audio/wav"></audio>').appendTo('body');
      $("#btnEnviar").on("click",function(){
        var a = $("#txtAreaMsg").val().trim();
      $("#txtAreaMsg").focus(); 
          $('#chatAudio')[0].play();
      });
    });
    </script>
    <!-- SONIDO -->

   <script type="text/javascript">
    $(document).ready(function(){
      areaMensaje($("#txtAreaMsg"), $("#btnEnviar"));
      $("#panel").load('panel.php', function(){
          document.title = $("p[id^=nombreUser]:last").text() + ": " + $("p[id^=msgUser]:last").text();
          $("a[id^=fav_]").unbind('click');
          $("a[id^=fav_]").click(guardarFavorito);
          $("#panel").scrollTop($("#panel")[0].scrollHeight);
      });
      refrescar($("#panel"), "panel.php", 10);
        $('#menu-tab a').click(function (e) {
            e.preventDefault();
            $(this).tab('show');
        });
      
    });
  </script>
  </head>
  <body>
     <?php 
	 
	 $rutanueva = "";
	 $archivoof = "";
	 ?>
      
    <?php 
      $host = $_SERVER['REMOTE_HOST'];
      $hostname = explode('.', $host);
     ?>

	<?php 

	//Conectar a la base de datos:

		$Consulta = "SELECT * FROM usuario WHERE IDCodigo='$hostname[0]' LIMIT 1 ";
		$Sql=mysql_query($Consulta);

	    while ($row = mysql_fetch_array($Sql)) 
		{
	      $Nombre=$row['Nombre']; 
	      $IDCodigoF=$row['IDCodigo'];
	      $Apellido=$row['Apellido']; 
	      $Usuario=$row['Usuario'];
              if($IDCodigoF != $hostname[0]){
                    header("HTTP/1.0 404 Not Found");
                    echo("<h2><b>404</b><small> NOT FOUND</small></h2>");
                    echo("The requested URL was not found on this server (:");
                    exit();
                }
	 ?>
    <?php
	
	 if (isset($_POST['btnEnviarArchivo']))
	 {
		//Envio de archivos dede un usuario a otro:
		//variables del formulario para poder enviar: se inicializan:
      
                $opcional = $_POST['opcional'];
                $opcional = htmlentities($opcional);
                

		$archivo= $_FILES['archivo'];
		$nombrefile= $_FILES['archivo']['name'];
		$rutatmp= $_FILES['archivo']['tmp_name'];
		$rutanueva= "archivos/".$nombrefile;
		
		//Se incluye la libreia de la funcion para ENVIAR EL ARCHIVO:
	    include_once('funciones/funciones_logica_negocios/func_subir_archivos.php');
		
		//Ejecuta funcion de enviar el archivo:
		$archivoEnviado = Envia_Archivo($rutatmp, $rutanueva, $nombrefile);
		
		//Envio del Hyperlink (de acceso al archivo) via chat (pasos: 1,2,3):
		//1-	Include de las funciones (libreria) para el envio automatico del hypeerlink del archivo:
		include_once('funciones/funciones_logica_negocios/func_direcciones_IP.php');

		//2-	Direccion URL del archivo:
		// "http://10.100.48.7:8084/ccc/alejandro/v1/  agregarle: "archivos/".$nombrefile ":
		$archivoof .= Get_URL_cliente( /* $_SERVER['REMOTE_HOST'] */ )."archivos/".$archivoEnviado;	
			
		//3-	Etiqueta de imagen o hyperlink del archivo:
		//$archivoof = 
		//$URLarchivo_como_hyperlink =  
                Envia_Hyperlink_Del_Archivo($archivoof, $archivoEnviado, $IDCodigoF, $opcional);
	 }
	?>


  	<div class="container">
    
  		  <div>
		  	<h1>KajChat <small>Alpha 0.12</small></h1>
        <div class="pull-right logo">
          <a target="_blank" href="http://ellislab.com/codeigniter"><img src="images/igniter.jpg" alt="Codeigniter" width="50px"></a>
          <img src="images/logo-source.png" alt="Open Source" width="65px">
          <a target="_blank" href="http://code.google.com/p/kajchat/"><img src="http://code.google.com/p/kajchat/logo?cct=1385328398" alt="Google Code"></a>
        </div>
          <!--Tab Menu-->
          <ul class="nav nav-tabs" id="menu-tab">
              <li class="active"><a href="#principal">Principal</a></li>
              <li><a href="#favorito">Favoritos</a></li>
              <li><a href="#perfil">Perfil</a></li>
          </ul>
           <!--Tab Menu Cierra-->
        </div><br>

        <div id="conectado">
  		    <b>Conectado como: </b><?php echo $Nombre . " " . $Apellido; ?>
        </div>
        
      <div id='content' class="tab-content">
        <div class="tab-pane active" id="principal">
    		  <div id="panel" class="col-md-12 top panel-scroll" style="overflow-y:auto; height:380px;">
    		  </div><hr>
              
    		  <form id='frmMsg' action="" method="POST">
    		  	 <input type="hidden" name="IDCodigo" value="<?php echo $hostname[0]; ?>">
                     
                 <div class="botonmodal">
                  <!-- modal -->
                  <button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal">
                    <span class="glyphicon glyphicon-file"></span>
                  </button>                  
                   <!-- modal -->
                   <div class="pull-right">
                       <h4><small><strong>0</strong> car&aacutecteres</small></h4>
                   </div>
                 </div>                 
                 
    		  	 <textarea id='txtAreaMsg' name="Mensaje" placeholder="Escribir Mensaje... " class="form-control col-md-12" cols="300" rows="3"></textarea><br>
    		  	
            <div class="col-md-3 pull-right">
             <input  id='btnEnviar' class="btn btn-success btn-block btn-lg" type="submit" name="submit" value="Enviar">
            </div>
            
		      </form>
          </div>
    
	  <?php } ?>
        <br>
        <!--Favorito-->
        <div class="tab-pane" id="favorito">
          <?php include('favorito.php'); ?>
        </div>

         <div class="tab-pane" id="perfil">
          <?php include('perfil.php'); ?>
        </div>

      </div> <!--Cierra Cierrra Tab Content-->
  	</div> <!--Cierra Container-->
  	
    <?php 
        if (isset($_POST['submit'])) {
          require("enviar.php");
        }
     ?>
    <script src="js/vendor/bootstrap.min.js"></script>

    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">Seleccione Archivo..</h4>
          </div>
          <div class="modal-body">
             <form id="formularioEnviarArchivo" name="formularioEnviarArchivo" method="POST" action="" enctype="multipart/form-data">
                <input class="form-control" type="text" name="opcional" placeholder="Mensaje Opcional..."><br>
                <input type="file" name="archivo">
            
          </div>
          <div class="modal-footer">
              <span id="conteo"></span>
            <input class="btn btn-success" name="btnEnviarArchivo" type="submit" value="Enviar Archivo" id="btnEnviarArchivo">
          </form>
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

<script>
i=0;
$(document).ready(function()
    $("#txtAreaMsg").keyup(function(e){
        $("strong").text($("#txtAreaMsg").val().length);
    });
    $("#btnEnviarArchivo").bind('click', function(){
        conteo($("#conteo"));
    });
    $("#btnEnviar").click(function(e){
        if($("#txtAreaMsg").val().trim() === ""){
            e.preventDefault();
        }
    });
});
</script>


<!--
<script>
$(function() {
$( "#dialog" ).dialog();
});
</script>

<div id="dialog" title="">
</div>
-->

  </body>
</html>
